<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>乐购-正品低价、品质保障、配送及时、轻松购物！</title>
    <meta name="description" content="乐购-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
    <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,乐购" />

    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="libs/slider/styles/slider.css">
    <link rel="stylesheet" href="css/settle.css">
</head>

<body>
    <!-- 顶部菜单栏 -->
    <div class="header clearfix">
        <!-- 顶部通栏 -->
        <div class="top">
            <!-- 版心 -->
            <div class="w1200">
                <!-- 左边url -->
                <span class="fl url">lengochina.cn</span>
                <!-- 右边欢迎语 -->
                <div class="fr welcome">欢迎光临
                    <a href="index.html">乐购</a>，请
                    <a href="log_in.html">登录</a>\
                    <a href="register.html">注册</a>
                </div>
            </div>
        </div>
        <!-- 导航菜单栏 -->
        <div class="w1200 nav rel clearfix">
            <!-- logo -->
            <h1 class="logo abs">
                <a href="index.html">乐购</a>
            </h1>
            <!-- 搜索框和购物车按钮 -->
            <div class="search-wrap fr">
                <!-- 搜索框 -->
                <div class="search fl">
                    <input class="search-input" type="text" placeholder="创意文具" />
                    <button class="fr"></button>
                </div>
                <!-- 购物车和订单按钮 -->
                <div class="cart-wrap fr">
                    <div class="cart fl">
                        <a href="settle.html">购物车&nbsp;3</a></div>
                    <div class="order fl">我的订单</div>
                </div>
            </div>

            <!-- 菜单栏 -->
           <div class="adr abs">
               配送至<select>
                   <option>成都高新区三环内</option>
                   <option>眉山</option>
                   <option>雅安</option>
                   <option>绵阳</option>
                   <option>其他</option>
               </select>
           </div>
        </div>
    </div>

    <!-- 购物车 -->
    <div class="shopCar w1200">
        <div>填写并核对订单信息</div>
            <table>
                <thead>
                    <tr>
                        <th>
                            <input type="checkbox" class="allCheck"> 全选
                        </th>
                        <th>商品</th>
                        <th>单价</th>
                        <th>数量</th>
                        <th>小计</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            <input class="singleCheck" type="checkbox">
                        </td>
                        <td>
                            <img src="images/index08_05.jpg" alt="">
                            <span>从你的全世界路过</span>
                        </td>
                        <td class="sprice">43.00</td>
                        <td>
                            <button class="add">+</button>
                            <input type="text" value="1" class="num">
                            <button class="minus">-</button>
                        </td>
                        <td class="sum">
                            43.00
                        </td>
                        <td>删除<br>
                        移到我的关注</td>
                    </tr>
                    <tr>
                        <td>
                            <input class="singleCheck" type="checkbox">
                        </td>
                        <td>
                            <img src="images/书籍/23197299-1_l.jpg" alt="">
                            <span>吃到自然瘦</span>
                        </td>
                        <td class="sprice">50.00</td>
                        <td>
                            <button class="add">+</button>
                            <input type="text" value="2" class="num">
                            <button class="minus">-</button>
                        </td>
                        <td class="sum">
                            50.00
                        </td>
                        <td>删除<br>
                            移到我的关注</td>
                    </tr>
                    <tr>
                        <td>
                            <input class="singleCheck" type="checkbox">
                        </td>
                        <td>
                            <img src="images/书籍/22870923-1_l_1.jpg" alt="">
                            <span>心理博弈术</span>
                        </td>
                        <td class="sprice">48.00</td>
                        <td>
                            <button class="add">+</button>
                            <input type="text" value="1" class="num">
                            <button class="minus">-</button>
                        </td>
                        <td class="sum">
                            48.00
                        </td>
                        <td>删除<br>
                            移到我的关注</td>
                    </tr>
                </tbody>
                <tfoot>
                    <tr>
                        <td>
                            <input class="allCheck" type="checkbox"> 全选
                        </td>
                        <td colspan="2">
                            删除选中商品
                        </td>
                        <td>已选择 <span class="total">0</span>件商品</td>
                        <td>总价： <span class="totalprice">0</span></td>
                        <td>
                            <a href="javascript:;">去结算</a>
                        </td>
                    </tr>
                </tfoot>
            </table>
        </div>



    <!-- 图 -->
    <div class="tu w1200">
        <img src="images/02-产品列表页面_03.jpg" alt="">
    </div>    


    
    <!-- 尾部 -->
    <footer class="footer clearfix">
            <div class="top">
                <div class="f-top w1200">
                    <div>
                        <img src="images/222_11.png" />
                        <img src="images/222_13.png" />
                        <img src="images/222_15.png" />
                        <img src="images/222_17.png" />
                    </div>
                </div>
            </div>
            <div class="center w1200 rel">
                <div class="w1200 word">
                    <dl class="fore1">
                        <dt>购物指南</dt>
                        <dd>
    
                            <a href="javascript:;">购物流程</a>
    
    
                            <a href="javascript:;">发票制度</a>
    
    
                            <a href="javascript:;">账户管理</a>
    
    
                            <a href="javascript:;">会员优惠</a>
    
                        </dd>
                    </dl>
                    <dl class="fore2">
                        <dt>支付方式</dt>
                        <dd>
    
                            <a href="javascript:;">货到付款</a>
    
    
                            <a href="javascript:;">在线支付</a>
    
    
                            <a href="javascript:;">礼品卡支付</a>
    
    
                            <a href="javascript:;">银行转帐</a>
    
                        </dd>
                    </dl>
                    <dl class="fore3">
                        <dt>订单服务</dt>
                        <dd>
    
                            <a href="javascript:;">订单配送查询</a>
    
    
                            <a href="javascript:;">订单状态说明</a>
    
    
                            <a href="javascript:;">自助取消订单</a>
    
    
                            <a href="javascript:;">自助修改订单</a>
    
    
                        </dd>
                    </dl>
                    <dl class="fore4">
                        <dt>退换货</dt>
                        <dd>
    
                            <a href="javascript:;">退换货政策</a>
    
    
                            <a href="javascript:;">自助申请退换货</a>
    
    
                            <a href="javascript:;">退换货进度查询</a>
    
    
                            <a href="javascript:;">退款方式和时间</a>
    
                    </dl>
                    <dl class="fore5">
                        <dt>商家服务</dt>
                        <dd>
    
                            <a href="javascript:;">商家中心</a>
    
    
                            <a href="javascript:;">运营服务</a>
    
    
                            <a href="javascript:;">加入尾品汇</a>
    
    
                        </dd>
                    </dl>
                </div>
                <div class="logo abs">
                    <img src="images/logo_00.png"/>
                </div>
            </div>
            <div class="btm w1200 clearfix">
                <div class="links clearfix">
                    <a href="javascript:;">公司简介</a>|
                    <a href="javascript:;">Investor Relations</a>|
                    <a href="javascript:;">网站联盟</a>|
                    <a href="javascript:;">乐购招商</a>|
                    <a href="javascript:;">机构销售</a>|
                    <a href="javascript:;">手机乐购</a>|
                    <a href="javascript:;">官方Blog</a>|
                    <a href="javascript:;">热词搜索</a>
                </div>
                <div class="contant clearfix">
                        Copyright (C) 乐购网 2004-2016, All Rights Reserved
                </div>
            </div>
        </footer>



    <script src="js/jquery.js"></script>
    <!--插件库-->
    <script src="libs/slider/javascripts/slider.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/pics.js"></script>
    <script src="js/settle.js"></script>

</body>

</html>